<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/common.css" media="all">
    <link rel="stylesheet" type="text/css" href="../css/003-list-row.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../css/style.css" media="all">

    <style type="text/css">
        html,body{
            height: 100%;
        }
        .testWrap {
            background: #f8f8f8;
            width: 600px;
            margin: 0 auto;
        }

    </style>
</head>
<body>
<div class="m0a wrap2">
    <h1 class="title">比较适用于图片的情况</h1>
    <span class="description">
        适用于已经数目的，而且轻易不会增加的情况。 <br/>
		这个测试下来，暂时没有太多的实际意义。
    </span>

    <div class="testWrap">
        <div class="list-row">
            <div class="list-row-cell">Item <br> I have more height content <br> Here!</div>
            <div class="list-row-cell bgc3">test</div>
            <div class="list-row-cell">用div的好处是： <br>如果时面有复杂的结构 <br>不需要在li里再套一层div了 <br> OK,合理！</div>
            <div class="list-row-cell bgc6">test</div>
        </div>

        <ul class="list-row">
            <li class="list-row-cell">Item</li>
            <li class="list-row-cell">Item</li>
            <li class="list-row-cell">Item</li>
            <li class="list-row-cell">Item..</li>
        </ul>

    </div>
</div>
</body>
</html>